@import './mixin.styl'
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input
  margin 0
  padding 0
  border 0
  font-size 100%
  font-weight normal
  vertical-align baseline
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section
  display block
body
  line-height 1
blockquote, q
  quotes none
blockquote:before, blockquote:after, q:before, q:after
  content none
table
  border-collapse collapse
  border-spacing 0
/* custom */
a
  color #7e8c8d
  -webkit-backface-visibility hidden
  text-decoration none
li
  list-style none
i, b
  font-style normal
body
  -webkit-text-size-adjust none
  -webkit-tap-highlight-color rgba(0, 0, 0, 0)
// 公共样式
.content-view
  margin 0 auto
  width 1210px !important
.header-content
  .ant-dropdown-link
    color #fff
  .ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected
    background rgba(255, 255, 255, 0)
  .ant-menu.ant-menu-dark span
    position relative
    font-size 16px
  .ant-menu-item-selected span:after
    content ''
    background #fff
    height 2px
    display inline-block
    width 30px
    position absolute
    bottom -10px
    left 50%
    transform translate(-50%, 0%)
// .inform-modal
//   .ant-modal-content
//     .ant-modal-body
//       padding 16px 24px 16px
//   .ant-row
//     margin 0 0 !important
//     padding 0 0 !important
//   .ant-col
//     margin 0 0 !important
//     padding 0 0 !important
//   .ant-form label
//     font-size 16px
//     color rgba(140, 140, 140, 1)
//   .ant-input[disabled]
//     color rgba(0, 0, 0, 0.65)
//   .tags-content
//     margin-top 20px
//     .ant-tag
//       min-width 100px
//       padding 8px
//       height 38px
//       margin 0px 5px
//       background #1678FD
//       border-radius 30px
//       color #fff
//       font-size 16px
//       text-align center
//       display inline-block
//   .ant-modal-footer
//     border-top 0px
//     text-align center
//     padding-bottom 20px
.ant-popover-placement-bottom
  left 50% !important
  top 175px !important
  margin-left -605px !important
  // transform translate(-50%, 0)
  transform-origin 0 0 !important
  padding-top 5px !important
  width 1210px !important
  .ant-popover-content
    .ant-popover-arrow
      top 1px !important
      left 27% !important
    .ant-popover-inner
      width 1210px !important
// 头像下拉
.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title
  text-align center
.sel-dropdown
  .ant-select-dropdown-menu-item
    font-size 18px
    padding 8px 16px
.ant-select-arrow
  right 8px
// 重置下拉框的样式
// .ant-select-dropdown
// z-index 999 !important
// 修改手机号样式
// .common-dialog
//   .ant-modal-content
//     .ant-modal-body
//       padding 24px 34px 14px
//     .title-box
//       margin-bottom 24px
//     .login-title
//       display inline-block
//       text-align center
//       font-size 28px
//       width 100%
//       color #333
//     .second-title
//       margin 10px 0 0
//       font-size 16px
//       color #959595
//       text-align center
//   .ant-modal-footer
//     border-top none
//     text-align center
//     padding 0 34px 24px
//     .ant-btn
//       width 100%
//       height 44px
//       font-size 18px
//       span
//         text-align center
//   .ant-form
//     .ant-form-item
//       margin-bottom 22px
//       .ant-input
//         height 40px
//         padding-left 35px
//       i
//         font-size 18px
//     .ant-form-item-with-help
//       margin-bottom 0
//     .ant-form-explain
//       height 22px
//       line-height 22px
//       margin 0
//     .login-form-forgot
//       float right
//     .verify-code
//       .ant-input-affix-wrapper
//         float left
//         width calc(100% - 135px)
//       img
//         float right
//         width 120px
//         height 40px
//         overflow hidden
//         box-shadow 0 0 5px #eee
//       .get-code
//         float right
//         width 120px
//         height 40px
//         text-align center
//         line-height 38px
//         border 1px solid #d9d9d9
//         border-radius 4px
//         background-color #f5f5f5
//         cursor not-allowed
//       .get-code-clickable
//         background-color #fff
//         cursor pointer
//         &:hover
//           border-color #40a9ff
//           color #40a9ff
//     .agree-checkbox
//       .ant-checkbox + span
//         padding-right 0
//     .user-agree
//       color #40a9ff !important
//   .ant-input-affix-wrapper
//     .ant-input-prefix
//       left 0
//       i
//         width 40px
//         height 40px
//         line-height 46px
//     .ant-input-suffix
//       right 0
//       i
//         width 40px
//         height 40px
//         line-height 46px
//   .password-tip
//     color rgba(0, 0, 0, 0.25)
//     &:hover
//       color #40a9ff
// .ant-popover
//   z-index 999 !important
// .ant-modal-mask
//   z-index 1010 !important
// .ant-modal-wrap
//   z-index 1010 !important
// .ant-message
//   z-index 1012 !important
// .avatar-uploader
//   .ant-upload.ant-upload-select-picture-card
//     margin-top 16px
//     margin-left 16px
//     border 0px
//     background-color #ffffff
//   .ant-upload.ant-upload-select-picture-card > .ant-upload
//     padding 0px
/* 标签管理弹窗重置样式 */
.tags-modal
  .ant-modal-header
    border-bottom 0px
    text-align center
    border-radius 16px
  .ant-modal-title
    font-weight 600
    font-size 20px
    font-size #333333
    font-family 'Microsoft YaHei'
  .ant-modal-content
    min-height 478px
    border-radius 20px
  .tags-content
    .ant-tag
      min-width 102px
      padding 8px
      height 38px
      margin 0px 8px
      background #def3fc
      border-radius 30px
      color #18a8eb
      font-size 16px
      text-align center
      display inline-block
  .ant-modal-footer
    border-top 0px
    text-align center
    padding-bottom 20px
.text-list
  .ant-table-thead > tr:first-child > th:first-child
    border-radius 0px
  .ant-table-thead > tr:first-child > th:last-child
    border-radius 0px
  .ant-table-thead > tr > th
    padding 5.5px 0px
    background-color #f1f2f6
    color #656b90
    font-size 16px
    border 0px
  .ant-table td
    white-space nowrap
  .ant-table-body
    font-size 16px
  .ant-table-body > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td
    background-color #f5f5f5
  .ant-table-body::-webkit-scrollbar
    width 6px /* 高宽分别对应横竖滚动条的尺寸 */
    height 6px
  .ant-table-body::-webkit-scrollbar-thumb /* 滚动条里面小方块 */
    border-radius 10px
    // -webkit-box-shadow inset 0 0 5px rgba(0, 0, 0, 0.2)
    background #E5E6E9
  .ant-table-body::-webkit-scrollbar-track /* 滚动条里面轨道 */
    // -webkit-box-shadow inset 0 0 5px rgba(0, 0, 0, 0.2)
    border-radius 10px
    background #ffffff
//新闻详情样式
.default-message
  .card-table
    .ant-table-thead > tr > th
      padding 5.5px 0px
      background-color #f1f2f6
      color #656b90
      font-size 16px
    .ant-table-tbody
      font-size 16px
    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td
      background-color #f5f5f5
.text-search
  .ant-select-selection--single
    height 34px
  .ant-select-selection__rendered
    line-height 34px
  .ant-select-selection-selected-value
    font-size 14px
    color #333333
//引用设置弹窗重置样式
.quote-modal
  .ant-modal-header
    border-bottom 0px
    text-align center
    border-radius 16px
  .ant-modal-title
    font-weight 600
    font-size 20px
    font-size #333333
    font-family 'Microsoft YaHei'
  .ant-modal-body
    padding 0px 20px
  .ant-modal-content
    border-radius 20px
    overflow hidden
    height 900px
  .ant-modal-footer
    height 54px
    border-top 0px
    text-align center
    // position fixed
    // bottom: 40px
    // left 50%
    // transform: translateX(-50%)
  /* 展开收起面板重置样式 */
  .ant-collapse > .ant-collapse-item > .ant-collapse-header
    padding 0px 18px
    font-size 20px
    color #333333
    cursor default
    overflow hidden
    height 66px
  .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg
    display none
  .ant-collapse-content > .ant-collapse-content-box
    background #ffffff
    padding 12px
    border 1px solid #f1f1f1
    height 270px
  .ant-checkbox-inner
    border 1px solid #767676
    top -1px
  .quote-list
    .ant-checkbox-wrapper
      width 100%
      border-bottom 1px solid #f1f1f1
      padding-top 10px
      height 78px
    .ant-checkbox-wrapper + .ant-checkbox-wrapper
      margin-left 0px
    .ant-checkbox + span
      font-size 16px
      color #535353
  .article-search
    .ant-select-selection--single
      height 34px
    .ant-select-selection__rendered
      line-height 34px
    .ant-select-selection-selected-value
      font-size 14px
      color #333333
  .article-table
    .ant-table-thead > tr > th.ant-table-selection-column, .ant-table-tbody > tr > td.ant-table-selection-column
      text-align left
    .ant-table-thead > tr > th, .ant-table-tbody > tr > td
      padding 14px 0px
    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td
      background-color #ffffff !important
    .ant-table-body .ant-table-row-hover
      background #ffffff !important
    .ant-table-body .ant-table-row-hover>td
      background #ffffff !important